<template>

	<div class="children_page">

		<mt-field label="我是子组件" placeholder="请输入内容" v-model="childValue"></mt-field>
		<mt-button type="danger" size="large" @click="passValueToParent">把值传给父组件</mt-button>
	</div>

</template>


<script>
	import { Field } from 'mint-ui';
	export default {
		components:{Field},
		data(){
			return{
				childValue:'',
			}
		},
		methods:{
			passValueToParent(){
				// childByValue是在父组件on监听的方法
        		// 第二个参数this.childValue是需要传的值
				this.$emit('childByValue',this.childValue);
			}
		}
	}
	// 子组件传值给父组件
	//在子组件通过v-on绑定事件,子组件通过this.$emit触发绑定的事件
	//在父组件的methods里面接收绑定事件传过来的值

</script>

<style>
	

</style>